<!-- zitheax 主题模板文件 - 头部 -->


<!-- 定义页面标题 -->
<title><?php wp_title(" » ",true,'right'); ?><?php bloginfo('name'); ?></title>

<!-- 规定字符编码 -->
<meta charset="utf-8">

<!-- 禁用IE兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=Edge">

<!-- 禁用移动设备上的缩放 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- 加载 Bootstrap -->
<link href="<?php echo get_stylesheet_directory_uri(); ?>/bootstrap/css/bootstrap.css" rel="stylesheet">

<!-- 加载 Flat UI -->
<link href="<?php echo get_stylesheet_directory_uri(); ?>/css/flat-ui.css" rel="stylesheet">

<!-- 加载 Wordpress 相关文件 -->
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> 
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> 
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>"/>


<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
<!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
<![endif]-->


<!-- 进度条 -->
<div id="loading" style="background-color:#428BCA;height:3px;width:10%;top:53px;position: fixed;"></div>

<!-- 导航条 -->
<nav class="navbar navbar-default navbar-fixed-top navbar-inverse" id="header" style="padding:0 20px 0 0;" role="navigation">

  <!-- 针对小屏幕的展开按钮 -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="<?php bloginfo('url');?>" ><?php bloginfo('name'); ?></a>
  </div>

  <!-- 导航条内容 -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

    <!-- 加载导航菜单 -->
    <?php $navSet=array('menu_class' => 'menu nav navbar-nav' ); ?>
    <?php wp_nav_menu($navSet); ?>

    <!-- 搜索框 -->
    <form class="hidden-sm navbar-form navbar-right" role="search" method="get" action="<?php bloginfo('url'); ?>" style="margin:0 -40px 0 0;padding:9px 19px 9px 0;" >
      <label class="hidden" for="s"><?php _e(''); ?></label>
      <div class="form-group">
        <input class="form-control" type="text" placeholder="Search" name="s" style="width:163px;" />
      </div>
      <input class="btn btn-default" type="submit" value="搜索" />
    </form>
    
  </div>
  
</nav>


<!-- 加载js -->
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.ui.touch-punch.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap-select.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/bootstrap-switch.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/flatui-checkbox.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/flatui-radio.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.tagsinput.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/jquery.placeholder.js"></script>

<!-- 全局js代码 -->
<script type="text/javascript">

  //进度条初始化
  $(function(){
    $('#loading').animate({'width':'90%'},8000);
    $(window).load(function(){
      $('#loading').stop(1,1).animate({'width':'100%'},333,function(){
          $(this).addClass('done').delay(333).slideUp(333);
      });
    });
  });
  
  //页面初始化
  $(document).ready(function(){
    $("[media=screen]").html("");
    $("button").addClass("btn btn-embossed btn-primary");
    $(".dropdown .menu").removeClass("nav navbar-nav").addClass("dropdown-menu");
    $("#submit").addClass("btn btn-primary");
    $("#comment").addClass("form-control").css("max-width","100%").css("min-height","200px");
    $("#post_page p a").addClass("btn btn-primary");
    $(".current-post-ancestor,.current-menu-parent,.current-menu-item,.current_page_item").addClass("active");
    $("#email,#author,#url").addClass("form-control");
    $("img").addClass("img-responsive");
    $("button,#submit,input,#comment,#email,#author,#url,#post_page p a").css("border-radius","0px");
    $(".widget ul li").addClass("list-group-item");
  });
</script>

<!-- 将进度条加载到30% -->
<script type="text/javascript">
  jQuery("#loading").animate({width:"30%"},500);
</script>




